
$colorTxtColor:#fff;

$normal_color:#4c4948;
$normal_font_family:Lato, Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, "Microsoft YaHei", Helvetica Neue, Helvetica, Arial, sans-serif;

//通用样式

//通用字体样式

.cus_font10{
  color: $normal_color;
  font-size: 10px;
  font-family: $normal_font_family;
}

.cus_font12{
  color: $normal_color;
  font-size: 12px;
  font-family: $normal_font_family;
}

.cus_font14{
  color: $normal_color;
  font-size: 14px;
  font-family: $normal_font_family;
}

.cus_font16{
  color: $normal_color;
  font-size: 16px;
  font-family: $normal_font_family;
}

.cus_font18{
  color: $normal_color;
  font-size: 18px;
  font-family: $normal_font_family;
}
.cus_font20{
  color: $normal_color;
  font-size: 20px;
  font-family: $normal_font_family;
}



//横向居中
.center{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

//竖向居中
.center_column{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

//横向环绕居中
.center_around{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}

//横向两边居中
.center_between{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

//横向环绕居中
.center_column_around{
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}

//横向两边居中
.center_column_between{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

//文字左对齐
.txt_left{
  display: flex;
  flex-direction: row;
  align-items: center;
}

//文字右对齐
.txt_right{
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

